import { GithubOutlined } from '@ant-design/icons';
import { Layout, Space, Typography } from 'antd';

const { Footer: AntFooter } = Layout;
const { Text, Link } = Typography;

const Footer: React.FC = () => {
    const currentYear = new Date().getFullYear();

    return (
        <AntFooter style={{ textAlign: 'center', background: 'none' }}>
            <Space direction="vertical" size="small">
                <Space split="|">
                    <Link href="https://pro.ant.design" target="_blank">Ant Design Pro</Link>
                    <Link href="https://github.com/ant-design/ant-design-pro" target="_blank">
                        <Space>
                            <GithubOutlined /> GitHub
                        </Space>
                    </Link>
                    <Link href="https://ant.design" target="_blank">Ant Design</Link>
                </Space>
                <Text type="secondary">{currentYear} 菜牛任务调度系统</Text>
            </Space>
        </AntFooter>
    );
};

export default Footer;
